<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>霓虹运</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/preview.css" rel="stylesheet">
<script src="js/laydate.js" type="text/javascript"></script>
</head>
<body>
	<!-- Header -->
    <div id="header">
    	<div class="header-top">
    		<div class="header-content">
    			<a href="javascript:;" alt="返回首页">[返回首页]</a>
    			<ul>
    				<li>
    					<img src="images/user-logined.png" alt="">
    					<a href="javascript:;">马文丞</a>您好 ， 欢迎来到霓虹运！
    				</li>
    				<li class="my-account"><a href="javascript:;">[安全退出]</a></li>
    				<li class="help-center"><a href="javascript:;">[修改密码]</a></li>
    			</ul>
    		</div>
    	</div>
    	<div class="header-bottom">
    		<div class="header-content">
    			<img src="images/logo.png" alt="">
    		</div>
    	</div>
 	</div>
	<div id="nav">
		<div class="nav-content">
			<ul>
				<li>
					<a href="javascript">客户中心</a>|
					<div class="arrow"></div>			
				</li>
				<li class="focus">
					<a href="javascript">我的转运</a>|
					<div class="arrow hide"></div>			
				</li>
				<li>
					<a href="javascript">客服中心</a>
					<div class="arrow hide"></div>			
				</li>
			</ul>
		</div>
	</div>

	<div id="menu" class="content">
		<ul>
			<li><a href="javascript:;">提交新预报</a></li>
			<li><a href="javascript:;">批量预报</a></li>
			<li class="selected"><a href="javascript:;">我的预报</a></li>
			<li><a href="javascript:;">提交订单</a></li>
			<li><a href="javascript:;">我的订单</a></li>
		</ul>
	</div>

	<div id="preview-content" class="content">
		<p class="grey preview-title">我的预报列表 ></p>
		<div class="preview-detail">
			<div id="orders">
				<select name="" id="choose-country" class="grey">
					<option value="">加利福尼亚仓库(CA)</option>
				</select>
				<label for="">时间：</label>
				<input placeholder="请输入日期" id="star-time" class="laydate-icon grey" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
				<span>-</span>
				<input placeholder="请输入日期" id="end-time" class="laydate-icon grey" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
				<select name="" id="range" class="grey">
					<option value="">全部</option>
				</select>
				<span class="deepBlue" id="search">搜索</span>
				<span class="deepBlue" id="download">导出到Excel</span>
			</div>
			<table>
				<tr class="grey">
					<td width="14%">转运单号</td>
					<td width="14%">转运公司</td>
					<td width="14%">备注</td>
					<td width="14%">状态</td>
					<td width="14%">入库日期</td>
					<td width="14%">出库日期</td>
					<td width="16%">操作</td>
				</tr>
				<tr>
					<td>12121212</td>
					<td>DHL</td>
					<td>212</td>
					<td>已入库</td>
					<td>2016/3/30<br/>9:31:18</td>
					<td>2016/5/30<br/>9:31:18</td>
					<td><span class="operation">详细</span></td>
				</tr>
				<tr>
					<td>12121212</td>
					<td>DHL</td>
					<td>212</td>
					<td>已入库</td>
					<td>2016/3/30<br/>9:31:18</td>
					<td>2016/5/30<br/>9:31:18</td>
					<td><span class="operation">详细</span></td>
				</tr>
				<tr>
					<td>12121212</td>
					<td>DHL</td>
					<td>212</td>
					<td>已入库</td>
					<td>2016/3/30<br/>9:31:18</td>
					<td>2016/5/30<br/>9:31:18</td>
					<td><span class="operation">详细</span></td>
				</tr>
				<tr>
					<td>12121212</td>
					<td>DHL</td>
					<td>212</td>
					<td>已入库</td>
					<td>2016/3/30<br/>9:31:18</td>
					<td>2016/5/30<br/>9:31:18</td>
					<td><span class="operation">详细</span></td>
				</tr>
				<tr>
					<td>12121212</td>
					<td>DHL</td>
					<td>212</td>
					<td>已入库</td>
					<td>2016/3/30<br/>9:31:18</td>
					<td>2016/5/30<br/>9:31:18</td>
					<td><span class="operation">详细</span></td>
				</tr>
			</table>
		</div>
	</div>

    <div id="coperation">
    	<ul>
    		<li>合作伙伴 ></li>
    		<li><img src="images/adv1.png" alt=""></li>
    		<li><img src="images/adv2.png" alt=""></li>
    		<li><img src="images/adv3.png" alt=""></li>
    		<li class="adv4"><img src="images/adv4.png" alt=""></li>
    		<li><img src="images/adv5.png" alt=""></li>
    		<li><img src="images/adv6.png" alt=""></li>
    	</ul>
    </div>
	<!-- Footer -->
    <div id="footer">
    	<div class="footer-content">
	    	<ul>
    			<li><a href="javascript">关于我们</a></li>
    			<li><a href="javascript">联系我们</a></li>
    			<li><a href="javascript">免责声明</a></li>
    			<li><a href="javascript">隐私政策</a></li>
    			<li><a href="javascript">服务条款</a></li>
    			<li><a href="javascript">版权所有</a></li>
    			<li><a href="javascript">补传身份信息</a></li>
	    	</ul>
    	</div>
		<p id="copyright">Copyright©2016  霓虹转运 nihongyun.com 版权所有｜沪ICP备 15033187</p>
		<p>推荐使用Google Chrome和IE10以上版本浏览器访问本站</p>
    </div>
</body>
</html>